<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<div id="app">
			<p v-show="age>=18">成年</p>
			<p v-show="age<18">未成年</p>
			<hr >
			<p v-if="age>=18">成年</p>
			<p v-if="age<18">未成年</p>
			<hr >
			<p v-if="salary<=10">普通阶层</p>
			<p v-else-if="salary<=500">中产阶层</p>
			<p v-else="salary>500">富豪阶层</p>
		</div>
	</body>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
				age:24,
				salary:666
			}
		});
	</script>
</html>
